<template>
	<view class="info-photolist">
		<view class="photo-heng">
			<image v-for="(item,index) in photoList" :key="index" :src="item" mode="aspectFill" @click="previewImage(item)"></image>
		</view>
	</view>
	
</template>

<script>
	export default {

		data() {
			return {
				imageUrl:'',
				photoList: [
					'/static/image/Index/1.png',
					'/static/image/Index/2.png',
					'/static/image/Index/1.png',
					'/static/image/Index/2.png',
					'/static/image/Index/1.png',
					'/static/image/Index/2.png',
				],

			}
		},
		methods: {
		  previewImage(val) {
				this.imageUrl = val
		      uni.previewImage({
		        current: val, // 当前显示图片的http链接
		        urls: this.photoList // 需要预览的图片http链接列表
		      });
		    }
		}
	}
</script>

<style lang="scss" scoped>
	.info-photolist {
		background: #fff;
		display: flex;
		padding-left:30rpx;
	}
	
	.photo-heng {
		display: flex;
		flex-wrap: wrap;
		image {
			width: 219rpx;
			height: 316rpx;
			border-radius: 12rpx;
			margin-right: 16rpx;
			margin-bottom:16rpx;
		}
	}
</style>